<!doctype html>
<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
<head>
  <meta charset="utf-8">
  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
  <script src="../../../web-component-tester/browser.js"></script>
  <link rel="import" href="../../polymer.html">
</head>
<body>

<template is="dom-template" id="bound">
  <span>{{text}}</span>
</template>

<dom-module id="test-dom-template">
  <template>
    <template is="dom-template" id="tmpl">
      <span>{{text}}</span>
    </template>
  </template>
  <script>
    HTMLImports.whenReady(function() {

      Polymer({
        is: 'test-dom-template',

        properties: {
          value: String
        },

        ready: function() {

          var tmpl = this.$.tmpl.stamp({
            text: 'ohai'
          });

          this.value = tmpl.root.textContent.trim();
        }
      });

    });
  </script>
</dom-module>

<test-dom-template id="testDom"></test-dom-template>

<script>

suite('<dom-template>', function() {

  test('stamps', function() {
    var template = document.querySelector('#bound');
    var row = template.stamp({text: 'ohai'});
    assert.equal(row.root.textContent.trim(), 'ohai');
  });

  test('stamps within an element', function() {
    var template = document.querySelector('#testDom');
    assert.equal(template.value, 'ohai');
  });

});

</script>

</body>
</html>
